﻿

/* === PAGE LAYOUT   ==========================================================*/
html,body { color: #999;  font-family: Helvetica, Arial, sans-serif; height:auto}
body { background: #fff url('../images/page-bg.gif') repeat-x; }


/* PAGE DIVISION */
#container { margin: 0 auto; width:471px; height:100%;margin-top:80px;}

.floatright {float:right}
.floatleft{float:left}

/* LOGIN AREA*/
#logincontent{text-align:left; width:471px;margin: 0 auto;  font-family: Myriad Pro, Helvetica, Arial, sans-serif;font-size:.9em;   }

#logo { background: url('../images/form/login/form-login-logo.png') no-repeat center center; width:471px; margin: 0 auto; height:56px;}
#logo h1 {visibility: hidden; }

/*Login Box*/
.loginform .box-top { background:url('../images/form/login/form-login-top.png') no-repeat; border:0; width:471px;}
.loginform .box-bottom {background:url('../images/form/login/form-login-bottom.png') no-repeat; border:0; width:471px; height:65px;}

.loginform fieldset {border:0; padding:10px 30px;}
.loginform fieldset legend {border:0;color:#666; font-size:1.6em; padding:30px 0 0 30px; margin:0;}
.loginform fieldset legend {background:url('../images/form/login/icon-lock.gif') no-repeat 0 25px;}
.loginform fieldset legend.error {background:url('../images/icon-warning.gif') no-repeat 0 25px;padding:30px 0 0 40px; }
.loginform fieldset .errorcontent {padding:10px 0 20px 0}


.loginform fieldset dl {margin:20px 0 15px 0}
.loginform fieldset dl dt label {color:#666; font-weight:bold;}
.loginform fieldset dl dd {clear:both; margin:0}

.loginform input {border:1px #d9d9d9 solid; padding: 8px 10px; width:385px}
.loginform .pributton{width:100px;}
.loginform .checkbox{width:15px; border:0}
.loginform .small {font-size:0.8em;}

fieldset.action {padding-top:15px;}
.loginform .action input { width:66px; height:24px; border:0; cursor:pointer; font-size:0.75em; font-weight:bold; padding:0 0 3px 0;}
.loginform .pributton{color:#3d5abb;background: transparent url('../images/form/login/form-login-button.gif') no-repeat;}
.loginform .secbutton{color:#3d5abb;background: transparent url('../images/form/login/form-login-button.gif') no-repeat;}

/*
.loginform input.secbutton {background:url('../images/form/button-secondary.gif') no-repeat left top; color:#333;}
.loginform input.pributton {background:url('../images/form/button-primary.gif') no-repeat left top; color:#fff; }
*/


/* MESSAGES CLASSES*/
div.messages div {font-weight:bold;	border:1px #ccc solid;	padding:5px 0 7px 45px;margin:5px 0;font-weight:normal; font-size:0.94em;}
div.messages .error {color:red; background:#ffe5e5 url('../images/form/bg-fieldset-kindagood.gif') no-repeat 8px 6px;border:1px #ffb2b2 solid; }
div.messages .success {color:green;	background:#f1ffe5 url('../images/form/bg-fieldset-welldone.gif') no-repeat 8px 6px;border:1px #b2e1b2 solid;}




/* FOOTER */
#footer { font-size: .7em; text-align: center; width: 471px;}
#footer .copyright {color: #666; font-weight: 700; padding: 5px 20px;}
#footer .copyright strong { color: #000; font-weight: 700; }

